<template>
    <el-row>
        <el-col :span="24">
            <el-table :data="pb.records" 
		          stripe 
				  border
				  @selection-change="handleSelectionChange">
                    <el-table-column type="selection"  width="55" />
                    <el-table-column type="index" width="50" />
                    <el-table-column prop="name" label="名称" width="100px"/>
                    <el-table-column prop="component" label="组件" width="120px"/>
                    <el-table-column prop="url" label="url" width="120px"/>
                    <el-table-column prop="icon" label="图标" width="120px"/>
                    <el-table-column prop="orderIndex" label="顺序" width="120px"/>
                    <el-table-column prop="parentId" label="父组件" width="120px"/>
                    
                    <el-table-column label="操作" width="200px">
                            <template #default="scope">
                            <el-button size="small" @click="handleEdit(scope.row.MenuId)">
                                编辑
                            </el-button>
                            <el-button
                                size="small"
                                type="danger"
                                @click="handleDelete(scope.row.MenuId)"
                            >
                                删除
                            </el-button>
                            </template>
                        </el-table-column>
		</el-table>
        </el-col>
    </el-row>
</template>

<script setup>
import httpRequest from '../../common/index.js';
import { onMounted, ref, getCurrentInstance, computed, watch } from 'vue';
import { ElMain, ElMessage,ElMessageBox } from 'element-plus';
</script>

<style>
</style>